<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">

        <link rel="stylesheet" href="../lib/layui/css/layui.css">
        <link rel="stylesheet" href="./css/ADV/advpos.css">

        <script src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        
    </head>
    <body>
      <!-- 导航栏 -->
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">广告管理</a>
            <a>
              <cite>广告位管理</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>

        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
               <!-- 这是广告位列表、修改、删除、增加 -->

      <!-- 头部区域搜索重置 -->
    <div class="layui-card">
      <div class="layui-card-header"> 
        <span>广告位名称</span>
        <input type="text" name="title" required lay-verify="required" placeholder="请输入广告位名称" autocomplete="off" class="layui-input">
        
        <button type="button" class="layui-btn layui-btn-normal" id="search">
          <i class="layui-icon layui-icon-search"></i>
          搜索
        </button>
        <button type="button" class="layui-btn layui-btn-primary" id="refresh">
          <i class="layui-icon layui-icon-refresh-1"></i>
          重置
        </button>
        
      </div>
      
      <button type="button" class="layui-btn layui-btn-primary layui-border-blue add" id="add-cate">
        <i class="layui-icon layui-icon-addition"></i>
        新增 
      </button>
      <button type="button" class="layui-btn layui-btn-primary layui-border-blue out" >
        <i class="layui-icon layui-icon-export"></i>
        导出</button> 

        <!-- 广告位列表 -->
      <div class="layui-card-body">
        <table class="layui-table">
          <colgroup>
            <col />
            <col />
            <col width="200" />
          </colgroup>
          <thead>
            <tr>
              <th>#</th>
              <th>广告位名称</th>
              <th>广告位描述</th>
              <th>广告图数量</th>
              <th>广告位尺寸</th>
              <th>操作</th>
            </tr>
          </thead>
<!-- 表格区域 -->
          <tbody>
            <!-- <tr>
              <td>1</td>
              <td>2016-11-29</td>
              <td>人生就像是一场修行</td>
              <td>6</td>
              <td>1000</td>
              <td>
        <button type="button" class="layui-btn layui-btn-xs">编辑</button>
      <button type="button" class="layui-btn layui-btn-danger layui-btn-xs">删除</button>
              </td>
            </tr> -->
          </tbody>


        </table>
        <!-- 分页容器 -->
<div id="page-box"></div>
      </div>
    </div>

    <!-- 添加 -->
    <script type="text/html" id="addCateTpl">
        <form class="layui-form" id="form-add">
          <div class="layui-form-item">
            <label class="layui-form-label">广告位名称</label>
            <div class="layui-input-block">
              <input type="text" name="advposname" required  lay-verify="required" placeholder="请输入广告位名称" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">广告图描述</label>
          <div class="layui-input-block "  >
            <textarea name="advposdesc" placeholder="请输入内容" class="layui-textarea"></textarea>
          </div>
        </div>
          <div class="layui-form-item"> 
            <label class="layui-form-label">广告位尺寸</label>
            <div class="layui-input-block">
              <input type="text" name="advpossize" required  lay-verify="required" placeholder="请输入广告位尺寸" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-input-block">
              <button class="layui-btn" lay-submit lay-filter="formDemo">确定</button>
              <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
          </div>
        </form>
      </script>

       <!-- 编辑 -->
    <script type="text/html" id="editCateTpl">
      <form class="layui-form" id="form-edit" lay-filter="formEdit">

        <input type="hidden" name="id">
        <div class="layui-form-item">
          <label class="layui-form-label">广告位名称</label>
          <div class="layui-input-block">
            <input type="text" name="advposname" required  lay-verify="required" placeholder="请输入广告位名称" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label">广告图描述</label>
        <div class="layui-input-block "  >
          <textarea name="advposdesc" placeholder="请输入内容" class="layui-textarea"></textarea>
        </div>
      </div>
        <div class="layui-form-item">
          <label class="layui-form-label">广告位尺寸</label>
          <div class="layui-input-block">
            <input type="text" name="advpossize" required  lay-verify="required" placeholder="请输入广告位尺寸" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="formDemo">确定</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
          </div>
        </div>
      </form>
    </script>
            </div>
        </div>
        
        


        <script src="../lib/layui/layui.all.js"></script>
        <script src="../lib/jquery.js"></script>
        <script src="./js/ADV/advpos.js"></script>

    </body>
    <script>
    </script>
</html>